<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            color: pink;
            font: 12px/1.5 'Microsoft YaHei';
        }
        div{
            /* 子元素继承了父元素body 的行高1.5 */
            /* 这个1.5 就是当前元素文字大小font-size的1.5倍 */
            font-size: 14px;
        }
        p{
            /* 1.5 * 16 */
            font-size: 16px;
        }
        /* li没有手动指定文字的大小，则会继承父亲的文字大小， body 12px 所以li的文字大小为12px
            当前li的行高就是12 * 1.5
        */
    </style>
</head>
<body>
    <div>粉红色的回忆.</div>
    <p>粉红色的回忆.</p>
    <ul>
        <li>我没有指定文字大小</li>
    </ul>
</body>
</html>